
    <form action="ajaxDone1.html" id="j_form_form" class="pageForm" data-toggle="validate">

        <div style="margin:0px auto 0; ;">
                <!-- Tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active"><a groupType="DBSERVER" class="dynTab"  href="/admin/agent/listbind?agentId=${(agentId)!}" role="tab" data-toggle="ajaxtab" data-target="#dbServerTab" data-reload="true">数据库</a></li>
                    <li><a groupType="SERVER" class="dynTab" href="/admin/agent/listbind?agentId=${(agentId)!}" role="tab" data-toggle="ajaxtab" data-target="#serverTab" data-reload="true">服务器</a></li>
                    <li><a groupType="TELNET" class="dynTab" href="/admin/agent/listbind?agentId=${(agentId)!}" role="tab" data-toggle="ajaxtab" data-target="#telnetTab" data-reload="true">telnet服务器</a></li>
                </ul>
                <!-- Tab panes -->

                <div class="tab-content" style="position:absolute;padding:10px; width:100%;height:35%; overflow:auto;">

                    <div class="tab-pane active in" id="DBSERVER_TAB" ></div>
                    <div class="tab-pane " id="SERVER_TAB"></div>
                    <div class="tab-pane " id="TELNET_TAB"></div>
                </div>
        </div>
    </form>
<script>
    var currentGroupType = 'DBSERVER';
    $.ajax({
        url: "/admin/agent/listbind?agentId=${(agentId)!}"
        , type: "POST"
        , data: "groupType="+currentGroupType+"&random="+new Date().getTime()
        , success: function( data, textStatus, jqXHR ){
            $('#'+currentGroupType+'_TAB').html(data);

//                $('#dbServerTab').html(data);
        }
    });

    $('a.dynTab').click(function() {

        $(this).parent().addClass("active");
        $(this).parent().siblings().removeClass("active");
        var groupType = $(this).attr('groupType');
        currentGroupType = groupType;
        $.ajax({
            url: "/admin/agent/listbind?agentId=${(agentId)!}"
            , type: "POST"
            , data: "groupType="+groupType+"&random="+new Date().getTime()
            , success: function( data, textStatus, jqXHR ){

                $('#'+currentGroupType+'_TAB').html(data);
                $('#'+currentGroupType+'_TAB').addClass("active in");
                $('#'+currentGroupType+'_TAB').siblings().removeClass("active in");
//                $('#dbServerTab').html(data);
            }
        });

        $.ajax({
            url: "/admin/agent/listunbind"
            , type: "POST"
            , data: "groupType="+groupType+"&random="+new Date().getTime()
            , success: function( data, textStatus, jqXHR ){
                $('#layout-02').html(data);
            }
        });
    })

</script>